﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta charset="utf-8" />
    <link href="css/wechat_metrix.css" rel="stylesheet" type="text/css" />
    <link href="css/navbar.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/css/weui/weui.min.css?v=1" />
    <link rel="stylesheet" href="/Content/amazeui/css/amazeui.min.css?v=1.0" />
    <title>微信矩阵</title>
    <style>
        body
        {
            background-color: #fff;
            padding-bottom: 60px;
        }
        .weui_grid_icon
        {
            width: 110px;
            height: 110px;
        }
        .weui_grid_label
        {
            font-size: 1.6rem;
            color: #000;
            font-family: 'Microsoft YaHei';
        }

        .circle{
            border-radius: 50%;
        }
    </style>
</head>
<body>
        <div class="page">
            <div class="item" id="official">
                <div class="weui_grids">
                    <vt:function var="hdp" method="getmatrix" type="$this" catelog="官微" />
                    <vt:foreach from="$hdp" item="p" index="i">
                      <div class="weui_grid js_grid" data-id="offical-{$i}">
                        <div class="mbg divmbg">
                          <div class="weui_grid_icon">
                            <img src="{$p.matrix_link}" alt="" style="display:none;" />
                            <img src="{$p.img_link}" class="circle" alt="" />
                            <p class="weui_grid_label" style="display:none;">
                            {$p.remark}
                          </p>
                          </div>
                          <p class="weui_grid_label">
                            {$p.title}
                          </p>
                        </div>
                      </div>
                    </vt:foreach>
                </div>
            </div>
            <div class="item" style="display: none;" id="media">
                <div class="weui_grids">
                    <vt:function var="hdp" method="getmatrix" type="$this" catelog="自媒体" />
                    <vt:foreach from="$hdp" item="p" index="i">
                      <div class="weui_grid js_grid" data-id="self-{$i}">
                        <div class="mbg divmbg">
                          <div class="weui_grid_icon" style="width:100%;height:100px;">
                            <img src="{$p.matrix_link}" alt="" style="display:none;" />
                            <img src="{$p.img_link}" alt="" />
                            <p class="weui_grid_label" style="display:none;">
                            {$p.remark}
                          </p>
                          </div>
                          <p class="weui_grid_label">
                            {$p.title}
                          </p>
                        </div>
                      </div>
                    </vt:foreach>
                </div>
            </div>
            <div class="item" style="display: none;" id="about">
                <div class="content-slide">
                    <article class="weui_article">
                      <h1></h1>
                      <section>
                        <p>
                          承德广电网为您提供承德广电信息， 在此有大量承德广电厂家提供承德广电产品信息给您选择， 您可以免费查看和发布承德广电产品信息。
                        </p>
                        <p>
                          如需查询中国广电企业名录，请访问：
                          http://www.chengdetv.com/
                        </p>
                      </section>
                    </article>
                </div>
            </div>
        </div>
        <div class="weui_dialog_alert" id="dialog" style="display: none;">
            <div class="weui_mask">
            </div>
            <div class="weui_dialog">
                <div class="weui_dialog_hd">
                    <strong class="weui_dialog_title" id="dialog_title"></strong>
                </div>
                <div class="weui_dialog_bd">
                    <img src="" style="height: 100%; width: 100%;" /></div>
                <div class="weui_dialog_ft">
                    <a href="javascript:;" class="weui_btn_dialog primary">返回</a>
                </div>
            </div>
        </div>
        <div class="nav-bar" id="tabbar">
            <ul>
                <li>
                    <a href="#" data-target="#official">官媒</a>
                </li>
                <li>
                    <a href="#" data-target="#media">自媒体</a>
                </li>
                <li>
                    <a href="#" data-target="#about">加入我们</a>
                </li>
            </ul>
        </div>
    <script src="/Content/jquery/jquery-1.12.1.min.js"></script>
    <script src="./js/wechat_metrix.js"></script>
</body>
</html>
